<!!! DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"></meta>
</head>
<body>
<div style="display: flex; gap: 20px; border-radius: 4px;">
    <div style="text-align: center;">
        <div style="display: flex; align-items: center; justify-content: center; gap: 8px;">
            <span style="width: 6px; height: 6px; background-color: #11C79B; border-radius: 50%; display: inline-block;"></span>
            <span style="font-size: 14px; color: #6B7A99;line-height: 22px;">超期次数</span>
        </div>
        <div style="font-size: 24px; font-weight: 500;line-height: 28px;margin-top: 4px;">63</div>
    </div>
    <div style="text-align: center;">
        <div style="display: flex; align-items: center; justify-content: center; gap: 8px;">
            <span style="width: 6px; height: 6px; background-color: #FF6600; border-radius: 50%; display: inline-block;"></span>
            <span style="font-size: 14px; color: #6B7A99;line-height: 22px;">超期率</span>
        </div>
        <div style="font-size: 24px; font-weight: 500;line-height: 28px;margin-top: 4px;">3%</div>
    </div>
</div>

</body>
</html>
